import {defineStore} from "pinia";
import {ref, computed} from "vue";
import {useUserStore} from "@/stores/userstore.js";
import {insertCartAPI, findNewCartListAPI, delCartAPI} from "@/apis/cart.js";

export const userCartStore = defineStore('cart', () => {

    const userStore = useUserStore()
    const isLogin = computed(() => userStore.userInfo.token)

    // 1.定义state - cartList
    const cartList = ref([])

    // 定义获取最新购物车列表      action
        const updateNewList = async ()  => {
            const res = await findNewCartListAPI()

            cartList.value = res.result
        }
    //2.定义action  addCart
    const addCart = async (goods) => {
        if (isLogin.value) {
            // 登录之后加入购物车逻辑  接口到后台的
            const {skuId, count} = goods
            await insertCartAPI({skuId, count})

        //     添加之后  更新
            updateNewList()
        } else {
            // 未登录之后加入购物车逻辑  本地购物车
            // 添加购物车操作
            // 已添加过 - count + 1
            // 没有添加过 - 直接push
            // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
            const item = cartList.value.find((item) => goods.skuId === item.skuId)
            if (item) {
                //     找到了
                item.count = item.count + goods.count;
            } else {
                //    没找到
                cartList.value.push(goods)
            }
        }
    }


    // 删除购物车
    const delCart = async (skuId) => {
        // 判断是否登录状态
        if (isLogin.value) {
            //
            await delCartAPI([skuId])
            //     删除之后  更新
            updateNewList()
        } else {
            // 思路：
            //       // 1. 找到要删除项的下标值 - splice
            //       // 2. 使用数组的过滤方法 - filter
            const index = cartList.value.findIndex((item) => item.skuId === skuId)
            cartList.value.splice(index, 1)
        }
    }

    // 清除购物车
    const clearCart = () =>{
        cartList.value=[]
    }

    // 计算属性
    // 1.总数
    const allCount =
        computed(() =>
            cartList.value.reduce((a, c) => a + c.count, 0))

    // 2.总价
    const allPrice =
        computed(() => cartList.value.reduce((a, c) => a + c.count * c.price, 0))
    // 单选功能
    const singleCheck = (skuId, selected) => {
        // 通过skuId找到要修改的那一项 然后把它的selected修改为传过来的selected
        const item =
            cartList.value.find((item) => item.skuId === skuId)
        item.selected = selected
    }

    // 全选功能action
    const allCheck = (selected) => {
        // 把cartList中的每一项的selected都设置为当前的全选框状态
        cartList.value.forEach(item => item.selected = selected)
    }


// 是否全选计算属性
    const isAll =
        computed(() => cartList.value.every((item) => item.selected))
    // 选择了几件商品
    const selectItems =
        computed(() =>
            cartList.value
                .filter(item => item.selected)
                .reduce((a, c) => a + c.count, 0))

    const selectItemsPrice =
        computed(() => cartList.value
            .filter(item => item.selected)
            .reduce((a, c) => a + c.count * c.price, 0))

    return {
        cartList,
        addCart,
        delCart,
        allCount,
        allPrice,
        singleCheck,
        allCheck,
        isAll,
        selectItemsPrice,
        selectItems,
        clearCart,
        updateNewList
    }
}, {
    persist: true,
})